<template>
	<view class="detailpage">
		<view class="txt">
			这是内容这是内容
			这是内容这是内容
			这是内容这是内容
			这是内容这是内容
			这是内容这是内容
			这是内容这是内容
		</view>
		<view class="formbox">
			<view class="line">
				<view class="label">
					姓名
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					性别
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					年龄
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					身份证号
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					血压
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					身高
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					体重
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					联系方式
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					联系地址
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="line">
				<view class="label">
					推荐人手机
				</view>
				<input type="text" class="value"  v-model="name"/>
			</view>
			<view class="imgbox">
				<view class="line">
					<view class="label">
						上传所需检查报告
					</view>
					<view class="value">
						0/10
					</view>
				</view>
				<view class="imglist">
					<image src="/static/image/微信图片_20250319172458.png" mode=""></image>
					<view class="upbox">
						+
					</view>
				</view>
			</view>
		</view>
		<view class="formbtn">
			提交
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.detailpage{
	width: 750rpx;
	box-sizing: border-box;
	padding: 20rpx;
	background: linear-gradient(180deg, rgba(242,248,255,1) 0%,rgba(255,255,255,0) 76%);
	.formbox{
		.line{
			width: 100%;
			background-color: white;
			border-bottom: 1rpx solid #c1c1c1;
			height: 80rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.label{
				width: 25%;
				font-weight: bold;
			}
			.value{
				width: 75%;
				
			}
		}
		.imgbox{
			width: 100%;
			.line{
				width: 100%;
				background-color: white;
				border-bottom: 1rpx solid #c1c1c1;
				height: 80rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.label{
					width: 45%;
					font-weight: bold;
				}
				.value{
					width: 15%;
					color: gray;
					text-align: right;
					
				}
			}
			.imglist{
				width: 100%;
				display: flex;
				align-items: center;
				image{
					width: 120rpx;
					height: 120rpx;
					border-radius: 10rpx;
					margin: 20rpx;
				}
				.upbox{
					width: 120rpx;
					margin: 20rpx;
					height: 120rpx;
					border-radius: 10rpx;
					background-color: #c1c1c1;
					color: gray;
					font-size: 50rpx;
					text-align: center;
					line-height: 120rpx;
				}
			}
		}
	}
	.formbtn{
		width: 80%;
		height: 80rpx;
		line-height: 80rpx;
		background-color: #1a4f8a ;
		color: white;
		text-align: center;
		border-radius: 40rpx;
		margin: auto;
		margin-top: 50rpx;
	}
}
</style>
